<template>
	<tm-fullView>
		<template v-slot:default="{info}">
			<view class="grey text " :class="$tm.vx.state().tmVuetify.black?'black bk':''" :style="{minHeight:info.height+'px'}">
				<tm-menubars title="横幅消息提醒" color="bg-gradient-blue-accent"  :showback="true"></tm-menubars>
				<tm-banners color="bg-gradient-blue-accent" icon-color="white" label="先试用,再生产用,保安全,有bug先提问" v-model="show"
				position="bottom" :y="60" :round="24"></tm-banners>
				<tm-banners  color="red" icon-color="white" label="先试用,再生产用,保安全,有bug先提问" v-model="show"
				position="top" width="100%" :y="top" :round="0"></tm-banners>
				
				<view style="height: 50upx;"></view>
			</view>
		</template>
	</tm-fullView>

</template>

<script>
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	import tmBanners from "@/tm-vuetify/components/tm-banners/tm-banners.vue"

	export default {
		components:{tmFullView,tmMenubars,tmSheet,tmBanners},
		data() {
			return {
				show:true,
				top:110,
			}
		},
		mounted() {
			// #ifdef MP
			this.top = 210
			// #endif
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
